h1,  h4, h5, h6, body {
	font-family: 'Verdana', sans-serif;
}

h2, h3, #content-area h1 {
	font-size: 24px;
	font-size: 2.4rem;
	font-family: 'Verdana', sans-serif;
}

#content-area h1 {
	margin-top: 45px;
}

.navbar-default {
	border-bottom: none;
	
}

#carousel-top {
    margin-top: -22px;
}

#carousel-top img {
    width: 100%;
    height: auto;
}
 
 
 
 
 
 
 
 
 
 
 
 
.carousel-inner {
	border: 6px solid #fff;
}

.carousel-indicators {
	bottom: -35px;
}

.carousel-caption {
	bottom: -30px;
}

@media screen and (max-width: 767px) {
	.carousel-caption {
		bottom: -18px;
	}	
}

#logo-area {
    border-bottom: 0px solid #8c8c8c;
    padding: 15px 0px 15px 0px;
    background: #bababa;
    background: -moz-linear-gradient(top, #FFE317 0%, #ffffff 50%, #FFFCED 100%);
    background: -webkit-linear-gradient(top, #FFE317 0%, #ffffff 50%, #FFFCED 100%);
    background: linear-gradient(to bottom, #FFE317 0%, #ffffff 50%, #FFFCED 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#000000',GradientType=0 );
}

#logo-area p {
	font-family: 'Verdana', sans-serif;
    font-size: 30px;
    font-size: 3.0rem;
	line-height: 17px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	#logo-area p {
		font-size: 25px;
		font-size: 2.5rem;
		line-height: 32px;
	}		
}

@media screen and (max-width: 991px) {
	#logo-area p {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
	}	
}

#content-area .col-md-4 .img-responsive {
	border: 6px solid #fff;
	width: 100%;
	max-width: none;
}
 
.blocksatz {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
    text-align: center;
}

#content-area {
	margin-bottom:45px;
}

#content-area ul {
	padding-left: 0px;
}

#content-area ul li {
	list-style-type: none;
	
}

#content-area ul li:before {
	content: '\02022 \00020';
	color: #d06662;
	font-size: 16px;
	line-height: 30px;
}

#top {
    height: 60px;
    margin-top: 0px;
    position: relative;
    width: 925px;
	background:url("img/arow-top.png") #03192e repeat-x;
}



#reference-area {
	margin: 0px 0px 45px 0px;
}

@media screen and (min-width: 992px) {
    .teaser-text {
        min-height: 80px;
    }
}

footer {
    background-color: #712c4f;
    border-top: 1px solid #ffffff;
    color: #ccc;
    padding: 50px 0px;
}


    .a1 {
		color: #ccc;
		text-decoration : none;
		hover color: #bc1231;
		
	}
	.a2 {
		color: #000000;
		text-decoration : none;
		hover color: #bc1231;
			
		}
		
	.a3 {
		color: #000000;
		text-decoration : underline;
		hover color: #bc1231;
				
		}	
		
	.a4 {
		color: #000000;
		text-decoration : none;
		hover color: #bc1231;
		content: url("img/external-link.png");		
		}
	
	
	
	
    A:hover { color: #000000; text-decoration: none;}
	}
	A:link { color: #ccc; text-decoration : none; }
	
	
	
	a [target="_blank"]:after {
		content: url("img/external-link.png");
	}
	
	.a5 {
		color: #509f48;
		text-decoration : none;
		hover color: #000000;
		
		}	
	
	
	
	
	
	.p1 { 
		height: 120px;
		
		}
		
	.p4 { 
		
		background-color:#FFF;
		
		}	
		
	.p2	{ 
	margin-bottom: 0px;
	}
	.p3	{ 
	margin-top: 35px;
	}
	
	.p5 { 
		height: 30px;
		
		}
	
	
	#to-top {
    position: fixed;
    right: 25px;
    bottom: 48px;
	font-size:24px;
}
	